<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>电梯公交后台管理系统-首页</title>
    <link rel="stylesheet" href="layui/css/layui.css"/>
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/admin.css"/>
    <link rel="stylesheet" href="css/index.css">
    <style type="text/css">
        /*home页样式*/
        .layui-this .iconfont{
            color: #B42017;
        }
        .layui-nav-tree .layui-nav-item:hover .iconfont{
            color: #B42017;
        }
        .logo img{
            margin-left:20px;
            margin-top:12px;
        }
        .icon-tuichu:before{
            color:#B42017;
        }
        .userName i {
            color:#B42017;
        }
        .layui-nav .userName span{
            color:#2C283C;
            font-size:18px;
            font-family:PingFangSC-Light;
        }
        .tuichu{
            border:none;
            background-color:transparent;
        }
        </style>
</head>
<body>
    <!-- 布局容器 -->
    <div class="layui-layout layui-layout-admin">
        <!-- 头部 -->
        <div class="layui-header">
                <div class="top-left logo">
        <img src="images/logon.png" alt="">
                </div>
                <!-- 头部右侧操作 -->
                <ul class="layui-nav operate">
                    <li class="userName">
                              <button class="wap tuichu"><i class="iconfont icon-tuichu"></i>退出</button>
                    </li>
                    <li class="userName">
                     <i class="layui-icon">&#xe612;</i>&emsp; <span class="admin" id="admin"></span>
                    </li>
                </ul>
        </div>
        <!--左侧导航-->
        <div class="layui-side layui-bg-black left-menu-all ">
            <div class="nav-top">
            </div>
            <div class="layui-side-scroll">
                <ul class="layui-nav layui-nav-tree left-menu" lay-filter="left-menu" >
                    <li class="layui-nav-item layui-this">
                        &emsp;&emsp;<span class="iconfont icon-zuzhiguanli"></span>
                        <a href="javascript:;" data-url="./pages/organization.html" data-id="1">业主管理</a>
                    </li>

                    <li class="layui-nav-item">
                        &emsp;&emsp;<span class="iconfont icon-xiaoqu"></span>
                       <a href="javascript:;" data-url="./pages/lift.html" data-id="2">小区管理</a>
                    </li>

                    <li class="layui-nav-item">
                        &emsp; &emsp;<span class="iconfont icon-icon-test"></span>
                         <a href="javascript:;" data-url="./pages/account.html" data-id="3">物业账号</a>
                    </li>

                     <li class="layui-nav-item">
                        &emsp; &emsp;<span class="iconfont icon-fangke"></span>
                         <a href="javascript:;" data-url="./pages/role.html" data-id="4">角色管理</a>
                     </li>

                    <li class="layui-nav-item">
                        &emsp; &emsp;<span class="iconfont icon-weibiaoti525"></span>
                        <a href="javascript:;" data-url="./pages/appeal.html" data-id="5">申诉审核</a>
                    </li>
              <li class="layui-nav-item">
                         &emsp; &emsp;<span class="iconfont icon-shenhe"></span>
                         <a href="javascript:;" data-url="./pages/examine.html" data-id="6">注册审核</a>
                    </li>
                    <li class="layui-nav-item">
                        &emsp; &emsp;<span class="iconfont icon-shujutongji"></span>
                        <a href="javascript:;" data-url="./pages/echarts.html" data-id="8">数据统计</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 主体 -->
        <div class="layui-body">
            <!-- 顶部切换卡 -->
            <div class="layui-tab layui-tab-card" lay-filter="top-tab" lay-allowClose="true">
                <ul class="layui-tab-title" id="demo"></ul>
                <div class="layui-tab-content"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="layui/layui.js"></script>
    <script type="text/javascript" src="js/admin.js"></script>
    <script>
            var user_tel =localStorage.getItem("user_tel");
                console.log(user_tel);

            var user = document.getElementById("admin").innerHTML= user_tel;
                console.log(user);

        layui.use(['jquery','form','layer'], function(){
            var $ = layui.jquery;
               layer = layui.layer;
               form =layui.form();
               laypage = layui.laypage;

              $(document).on("click", ".tuichu",function() {
                layer.open({
                  title:"温馨提示"
                  ,shade:false //遮罩透明度
                  ,content: '您确认退出当前账号吗？'
                  ,btn: ['取消', '确认']
                  ,yes: function(index, layero){
                       layer.closeAll();
                  }
                  ,btn2: function(index, layero){
                  window.location.href="login.html";
                  }
                });
            });

        });
    </script>
</body>
</html>